<style>
      body{
             height:1920px;
             padding:0px;
             margin:0px;
       }
     .bj{
           height:600px;
           width:1000px;
          background-size:100% 100%;
          background-image:url(images/bj.jpg);      
       }
     .kg{
           height:300px;
           width:50px;
         }
      img{
             margin:50px  50px auto; 
          }
</style>
<script type="text/javascript" src="https://www.xuhxin.cn/file/Personal-home-page/assets/js/shubiao.js"></script>

<div class="bj">
<center><h1>�������</h1></center>
<marquee scrollamout="1">
<div>
<img src="images/1.png"  height="300" width="300" >
<img src="images/2.png"  height="300" width="300">
<img src="images/3.jpg"  height="300" width="300">
<img src="images/4.jpg"  height="300" width="300">
<img src="images/5.jpg"  height="300" width="300">
<img src="images/6.jpg"  height="300" width="300">
<img src="images/7.jpg"  height="300" width="300">
<img src="images/8.png"  height="300" width="300">
</div>
</marquee>
</div>
<img class="mouse" src="https://www.xuhxin.cn/file/Personal-home-page/123.png" alt="">
 <style>
         *{
            margin: 0;
            padding: 0;
            box-sizing:border-box;
            cursor: none;           
        }

        .mouse{
        width: 50px;
        height: 50px;
        border-radius: 50%;;
        position: fixed;
        left: -200px;
        z-index: 1000;
        pointer-events: none;
    }

    </style>
    <script>
         var mouse = document.querySelector('.mouse');
    window.addEventListener('mousemove',function(event){    
        mouse.style.left = event.clientX - mouse.offsetWidth/2 + 'px' ;
        mouse.style.top = event.clientY -mouse.offsetHeight/2 + 'px';       
    })
    </script>